﻿@section head{
<script>
    $(function myfunction() {
        SetTitle("填写订单")
    })
</script>
}
<script type="text/javascript">
			$(function() {
				$(".dropDown").click(function() {
					$(".orderNotice").removeClass("none");
					$(".upDown").removeClass("none");
				});
				$(".upDown").click(function() {
					$(".orderNotice").addClass("none");
					$(".upDown").addClass("none");
				});
			})
</script>
<div class="product">
    <div class="pic"><img src="~/medias/img/banner1.png"></div>
    <div class="details">
        <ul>
            <li>
                <span class="purpleFont">【拼团】</span>
                <p>厦门+鼓浪屿3天2夜屿3天2夜屿3天2夜屿3</p>
            </li>
            <li>
                3人团：
                <p class="priceFont">￥</p><span class="priceFont font16 marginRight">666</span>
                <p class="priceFont">/人</p>
            </li>
        </ul>
    </div>
    <!--<div class="status tags-danger">
        团购成功
    </div>-->

</div>
<div class="jumpBar paddingLeft10">
    <div class="f-l">日期</div>
    
    <div class="right">
        <span class="blueFont">星期五 </span><span class="blueFont">2015-09-25 09:00</span>
    </div>
</div>
<div class="jumpBar paddingLeft10">
    成人数量
    <span class="right blueFont">1</span>
</div>
<div class="jumpBar paddingLeft10">
    儿童数量
    <span class="right blueFont">1</span>
</div>
<p class="subTitle marginTop">
    购买保险
</p>
<div class="insurance">
    <p>
        旅游包含保险
        <input type="checkbox" class="insuranceChk" />
    </p>
    <span class="deepGreyFont marginRight10">旅行社责任险</span>
</div>
<i class="icon iconfont icon-xiajiantou1 dropDown"></i>
<div class="orderNotice none">
    <div>
        <p>
            <span>保险1：</span><span>单价</span><span class="priceFont">￥</span><span class="priceFont">43</span><span class="priceFont">/人</span>
            <input type="checkbox" class="insuranceChk marginTop8" />
        </p>
        <p class="deepGreyFont">利安国内旅游意外保险（5天钻石款）</p>
        <dl class="deepGreyFont">
            <dt>保险说明</dt>
            <dd>保险责任：</dd>
            <dd>1、意外身故/伤残：300,000</dd>
            <dd>2、意外医疗（无免赔，100%报销）：50,000</dd>
            <dd>3、突发急性病身故：150,000</dd>
            <dd>4、突发急性病医疗（无免赔，100%报销）：15,000</dd>
            <dd>5、航空交通意外身故/伤残：800,000</dd>
            <dd>6、轨道交通意外身故/伤残（含火车、地铁）：200,000</dd>
            <dd>7、水运交通意外身故/伤残（含轮船、渡轮）：200,000</dd>
            <dd>8、公路交通意外身故/伤残（含旅游、出租车，不含非运营车）：200,000</dd>
        </dl>
        <div class="clearfix"></div>
    </div>
</div>
<i class="icon iconfont icon-shangjiantou1 upDown none"></i>
<p class="subTitle marginTop">
    参团人信息&nbsp;&nbsp;&nbsp;&nbsp;<span>1</span><span>成人</span><span>1</span><span>儿童</span>
</p>
<div class="form">
    <ul>
        <li>
            <p class="purpleFont">游客1</p>
            <a class="floatRight marginRight10 greenFont">常用游客</a>
        </li>
        <li>
            <p>姓名<span class="redFont">*</span></p>
            <input type="text" placeholder="小米" />
        </li>
        <li>
            <p>手机<span class="redFont">*</span></p>
            <input type="text" placeholder="请输入手机号码" />
        </li>
    </ul>
    <ul>
        <li>
            <p class="purpleFont">游客2</p>
            <a class="floatRight marginRight10 greenFont">常用游客</a>
        </li>
        <li>
            <p>姓名<span class="redFont">*</span></p>
            <input type="text" placeholder="小米" />
        </li>
        <li>
            <p>手机<span class="redFont">*</span></p>
            <input type="text" placeholder="请输入手机号码" />
        </li>
    </ul>
</div>
<div class="specialPrompt marginTop border-bottom">
    <p>出游人群限制</p>
    <span>不接受超过80周岁（含）出游人</span>
    <br />
    <span>不接受都是未成年人的出游人</span>
    <br />
</div>
<p class="line-height-2 whitebg border-bottom paddingLeft10 marginBottom">
    <span class="rightcenter"><input class="insuranceChk marginRight10" type="checkbox" id="checkbox1" /><label for="checkbox1"> <span class="box2"></span></label></span>我确定全部出游人满足出游要求
</p>
<div class="play-introduce">
    <h3><span>玩法介绍</span><span class="floatRight">查看详情 <i class="icon iconfont icon-jiantouyou greyFont"></i></span></h3>
    <div class="play-details">
        <ul>
            <li>
                <div class="round">1</div>
                <div class="right">
                    <p>选择</p>
                    <p>心仪商品</p>
                </div>
            </li>
            <li class="active">
                <div class="round">2</div>
                <div class="right">
                    <p>支付开团</p>
                    <p>或参团</p>
                </div>
            </li>
            <li>
                <div class="round">3</div>
                <div class="right">
                    <p>等待好友</p>
                    <p>参团支付</p>
                </div>
            </li>
            <li>
                <div class="round">4</div>
                <div class="right">
                    <p>达到人数</p>
                    <p>团购成功</p>
                </div>
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>
</div>
<ul class="footBar">
    <li class="left">拼团价：<i class="icon iconfont icon-gantanhaotishi greenFont hidePrompt"></i><span class=" font16">￥</span><span class=" font18">666</span></li>
    <li class="right none"><a class="btn orangebg"><i class="icon iconfont icon-bianji marginRight"></i>余额支付</a><a class="qiehuan"><i class="ico-qiehuan icofont"></i></a></li>
    <li class="right none"><a class="btn orangebg"><i class="icon iconfont icon-bianji marginRight"></i>微信支付</a><a class="qiehuan"><i class="ico-qiehuan icofont"></i></a></li>
    <li class="right "><a href="~/拼团/订单支付.cshtml" class="btn btn-block orangebg"><i class="icon iconfont icon-bianji marginRight"></i>确定开团</a></li>
    <div class="topArrow none"><img src="../../img/bottomarrow.png"></div>
    <div class="hidePromptBar none">
        <span>成人:</span><span>1</span><span>X</span><span>1888</span>
        <br />
        <span>儿童:</span><span>1</span><span>X</span><span>999</span>
        <br />
        <span>保险:</span><span>2</span><span>X</span><span>100</span>
        <br />
    </div>
</ul>